<template>
  <div class="wraps">
    <ul>
      <li>
        <!-- <p class="iconfont icon-yue" style="font-size:0.5rem"></p> -->
        <p>我的余额</p>
      </li>
      <li>
        <!-- <p class="iconfont icon-kanjia" style="font-size:0.5rem"></p> -->
        <p>我的砍价</p>
      </li>
      <li @click="Mycoupon">
        <!-- <p class="iconfont icon-liquan" style="font-size:0.5rem"></p> -->
        <p>我的礼券</p>
      </li>
      <li>
        <!-- <p class="iconfont icon-favorite" style="font-size:20px"></p> -->
        <p>我的收藏</p>
      </li>
      <li @click="side">
        <!-- <p class="iconfont icon-dizhi" style="font-size:0.5rem"></p> -->
        <p>我的地址</p>
      </li>
      <li>
        <!-- <p class="iconfont icon-kefu" style="font-size:0.5rem"></p> -->
        <p>我的客服</p>
      </li>
    </ul>
  </div>
</template>

<script>
import PATH from "../../router/constant";

export default {
  methods: {
    Mycoupon() {
      if (localStorage.getItem("list")) {
        this.$router.push("/Mycoupon");
      } else {
        this.$router.push({
          path: "/login",
        });
      }
    },
    side() {
      if (localStorage.getItem("token")) {
        this.$router.push("/address");
      } else {
        this.$router.goNext(PATH.LOGIN)
      }
    },
  },
};
</script>

<style scoped>
.wraps {
  width: 100%;
  height: 100px;
  margin: 5px 0;
  background: white;
}
ul {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  flex-wrap: wrap;
  padding: 0 20px;
}
ul li {
  background: white;
  width: 32%;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
ul li p {
  margin: 5px 0;
}
</style>